// 点击按钮时执行的函数
document.getElementById('changeColor').addEventListener('click', async () => {
  try {
    // 获取当前活动标签页
    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
    
    // 向当前标签页注入脚本以改变背景颜色
    await chrome.scripting.executeScript({
      target: { tabId: tab.id },
      function: setBackgroundColorToGreen
    });
    
    // 可以选择关闭popup窗口
    window.close();
  } catch (error) {
    console.error('Error changing background color:', error);
  }
});

// 要注入到页面的函数，用于设置背景颜色为绿色
function setBackgroundColorToGreen() {
  // 修改所有元素的背景色
  document.body.style.backgroundColor = 'green';
  
  // 也可以考虑修改HTML元素的背景色，以确保覆盖整个页面
  document.documentElement.style.backgroundColor = 'green';
  
  console.log('背景颜色已更改为绿色');
}